* {
    box-sizing: border-box;
    font-family: Arial, "Source Han Sans CN", sans-serif;
}

a {
    text-decoration: none;
    color: inherit;
}

:root, html {
    font-size: calc(0.417vw + 8px);
    color: #313033;
}

body {
    font-size: calc(0.20833vw + 12px);
}

.page-content {
    position: relative;
    z-index: 200;
}

.site-header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: calc(80rem / 16);
    z-index: 800;
}

.site-header::before {
    content: "";
    z-index: 320;
    width: 100%;
    height: calc(120rem / 16);
    background: linear-gradient(to bottom, rgba(8, 24, 92, .4) 0%, rgba(8, 24, 92, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
}

body.scrolled .site-header::before,
body.menu-active .site-header::before,
body.search-active .site-header::before,
body.lang-active .site-header::before {
    display: none;
}

.site-header-bar {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 820;
    /*background-color: #fff;*/

    display: flex;
    align-items: stretch;

    border-bottom: 1px solid rgba(255, 255, 255, .3);
}

.scrolled .site-header-bar,
.menu-active .site-header-bar,
.search-active .site-header-bar,
.lang-active .site-header-bar {
    background-color: #fff;
    border-bottom: 1px solid #dedfe4;
}

/*
80 at 1920
30 at 960

50 = 960k

k = 5.2vw;
*/

.site-header-bar .left {
    flex: 0 1 auto;

    width: calc(270rem / 16 + 5.2083vw - 20px);
    padding-left: calc(5.2083vw - 20px);
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.site-logo {
    width: calc(163rem / 16);
}

.logo-split {
    width: 1px;
    height: calc(50rem / 16);
    background-color: #dedfe4;
    margin-left: calc(24rem / 16);
    margin-right: calc(20rem / 16)
}

.site-40th {
    width: calc(64rem / 16);
    display: block;
}

.site-40th img {
    display: block;
    width: 100%;
    height: auto;
}

.site-logo img {
    display: block;
    width: 100%;
    height: auto;
}

.site-logo .dark {
    display: none;
}

.scrolled .site-logo .light,
.menu-active .site-logo .light,
.search-active .site-logo .light,
.lang-active .site-logo .light {
    display: none;
}

.scrolled .site-logo .dark,
.menu-active .site-logo .dark,
.search-active .site-logo .dark,
.lang-active .site-logo .dark {
    display: block;
}

.site-header-bar .right {
    flex: 1 0 auto;
    justify-self: flex-end;
    margin-left: auto;
    margin-right: 0;
    color: #fff;

    width: calc(100% - (270rem / 16 + 5.2083vw - 20px));

    display: flex;
    align-items: stretch;
    height: 100%;
}

.site-header-bar .right-nav {
    font-size: 16px;
    width: calc(100% - 130rem / 16);
    flex: 0 0 auto;
    padding-left: calc(10.417vw - 40px);
    padding-right: 30px;

    display: flex;
    align-items: stretch;
}
/*
@media (max-width: 1366px) {
    .site-header-bar .right-nav {
        font-size: 16px;
    }
}*/


.site-header-bar .right-nav .link-col.active {
    color: #f26521;
}


.site-header-bar .right-nav .link-col,
.site-menu .right .link-col {
    width: calc(100% / 6);
    flex: 0 0 auto;

    align-items: center;
}

.site-header-bar .right-nav .link-col {
    display: flex;
    padding-left: 10px;
}

.right-nav-mobile{
    display: none;
    flex: 0 0 auto;
    width: calc(72rem / 16);
    height: 100%;
    cursor: pointer;
    border-left: 1px solid #dedfe4;
    background: url("../images/icon_menu_white.svg") center/16px auto no-repeat;
}

.scrolled .right-nav-mobile,
.search-active .right-nav-mobile,
.lang-active .right-nav-mobile{
    background-image: url("../images/icon_menu.svg");
}

.menu-active .right-nav-mobile{
    background-image: url("../images/icon_business_close.svg");
}

.site-header-bar .right-icons {
    width: calc(130rem / 16);
    flex: 0 0 auto;
    border-left: 1px solid #dedfe4;

    display: flex;
    align-items: center;
    justify-content: center;
}

.site-header-bar .right-icons > * {
    width: calc(50rem / 16);
    height: calc(50rem / 16);
    flex: 0 0 auto;
}

.scrolled .site-header-bar .right,
.menu-active .site-header-bar .right,
.search-active .site-header-bar .right,
.lang-active .site-header-bar .right{
    color: #313033;
}

.btn-lang, .btn-search {
    cursor: pointer;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.site-search {
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    z-index: 850;
    visibility: hidden;
    overflow: hidden;
    transition: .5s;
}

.search-active .site-search {
    visibility: visible;
}

.search-back {
    height: 0;
    width: 100%;
    left: 0;
    top: 0;
    position: absolute;
    background-color: rgba(0, 0, 0, .5);
    z-index: 610;
    transition: .5s cubic-bezier(0, .7, .3, 1);

    display: none;
}

.search-active .search-back {
    height: 100%;
}

.site-menu {
    width: 100%;
    height: auto;
    display: flex;
    align-items: stretch;
    z-index: 660;
    position: relative;
    left: 0;
    top: 0;
    overflow: hidden;

    backdrop-filter: blur(8px);
    background: rgba(237, 237, 237, .8);
}

.site-menu-ctn {
    z-index: 600;

    position: fixed;
    width: 100%;
    height: auto;
    left: 0;
    top: calc(80rem / 16);
    overflow: hidden;
    transition: .3s;

    align-items: stretch;
    transform: translateY(-50%);
    opacity: .0;
    visibility: hidden;
}

.menu-active .site-menu-ctn {
    visibility: visible;
    transform: none;
    opacity: 1;
}

.site-menu .right {
    font-size: 14px;
    width: calc(100% - 400rem / 16 - 5.2083vw + 20px);
    flex: 0 0 auto;
    padding-left: calc(10.417vw - 40px);
    padding-right: 30px;
    margin-left: auto;
    margin-right: calc(130rem / 16);

    display: flex;
    align-items: stretch;
    justify-content: flex-end;
}

.site-menu .right .link-col {
    padding: calc(40rem / 16) 10px 3.125vw;
    position: relative;
}


.site-menu .right .link-col::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(to bottom, rgba(255, 255, 255, .7), rgba(255, 255, 255, 0));
    opacity: 0;
    transition: .3s;
    z-index: 850;
}

.site-menu .right .link-col.active::after {
    opacity: 1;
}

.site-menu .right .link-col a {
    line-height: 20px;
    border-bottom: 1px solid #cac8cd;
    padding: 10px 0;
    display: block;
    position: relative;
    z-index: 865;
    transition: .3s;
}

.site-menu .right .link-col a::before {
    content: "";
    width: 5.7px;
    height: 9.6px;
    background: url("../images/icon_angle_right_orange.svg") center/contain no-repeat;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -10px;
    margin: auto;
    opacity: 0;
    transition: .3s;
}

.site-menu .right .link-col a:hover::before {
    opacity: 1;
}

.site-menu .right .link-col a:hover {
    color: #f26521;
    transform: translateX(12px);
}

.search-box {
    width: calc(640rem / 16);
    height: calc(80rem / 16);
    padding-left: calc(30rem / 16);
    padding-right: calc(30rem / 16);
    display: flex;
    align-items: center;
    background-color: rgba(255, 255, 255, .8);
    position: absolute;
    right: 0;
    top: calc(80rem / 16);
    transform: translateX(100%);

    transition: cubic-bezier(.7, 0, .3, 1) .3s;
}

.search-active .search-box {
    transform: none;
}

.search-box input {
    appearance: none;
    outline: none;
    line-height: calc(40rem / 16);
    display: block;
    width: calc(100% - 40rem / 16);
    padding-left: calc(20rem / 16);
    background-color: transparent;
    border: none;
    border-left: 2px solid #f26724;
}

.search-box button {
    width: calc(48rem / 16);
    height: calc(48rem / 16);
    border: none;
    cursor: pointer;
    position: relative;
    background-color: transparent;
}

.search-box button::before {
    content: "";
    width: 100%;
    height: 100%;
    background: url("../images/icon_search.svg") center/calc(21rem / 16) auto no-repeat;
    position: absolute;
    z-index: 825;
    left: 0;
    top: 0;
    transition: cubic-bezier(0, .7, .3, 1) .4s;
}

.scrolled .search-box button::before,
.menu-active .search-box button::before,
.search-active .search-box button::before,
.lang-active .search-box button::before {
    background-image: url("../images/icon_search.svg");
}

.search-box button::after {
    content: "";
    width: 100%;
    height: 100%;
    z-index: 820;
    transition: cubic-bezier(0, .7, .3, 1) .4s;
    background-color: #efefef;
    transform: scale(.5);
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    will-change: transform;
}

.search-box button:hover::after {
    transform: none;
    opacity: 1;
}

.search-box input::placeholder {
    color: #fff;
}

.scrolled .search-box input::placeholder,
.menu-active .search-box input::placeholder,
.search-active .search-box input::placeholder,
.lang-active .search-box input::placeholder {
    color: #999;
}

.site-header-bar .icon-search {
    width: calc(22rem / 16);
    height: calc(22rem / 16);
    background: url("../images/icon_search_white.svg") center/contain no-repeat;
}

.scrolled .site-header-bar .icon-search,
.menu-active .site-header-bar .icon-search,
.lang-active .site-header-bar .icon-search{
    background-image: url("../images/icon_search.svg");
}
.search-active .site-header-bar .icon-search {
    background: url("../images/icon_business_close.svg") center/75% no-repeat;
}

.site-header-bar .icon-lang {
    width: calc(20rem / 16);
    height: calc(20rem / 16);

    margin-right: calc(9rem / 16);
    transition: cubic-bezier(0, .7, .3, 1) .2s;
    will-change: transform;
}

.site-header-bar .icon-lang img {
    display: block;
    width: 100%;
    height: 100%;
}

.site-header-bar .icon-lang img.dark,
.site-header-bar .icon-lang img.active {
    display: none;
}

.scrolled .site-header-bar .icon-lang img.light,
.menu-active .site-header-bar .icon-lang img.light,
.search-active .site-header-bar .icon-lang img.light,
.lang-active .site-header-bar .icon-lang img.light{
    display: none;
}

.scrolled .site-header-bar .icon-lang img.dark,
.menu-active .site-header-bar .icon-lang img.dark,
.search-active .site-header-bar .icon-lang img.dark{
    display: block;
}

.lang-active .site-header-bar .icon-lang img.dark{
    display: none;
}
.lang-active .site-header-bar .icon-lang img.active {
    display: block;
}

.site-header-bar .lang-menu {
    width: calc(130rem / 16);
    position: fixed;
    top: calc(80rem / 16);
    right: 0;
    height: 0;
    background-color: rgba(255, 255, 255, .8);
    transition: .3s cubic-bezier(0, .7, .3, 1);
    visibility: hidden;
    overflow: hidden;
}

.site-header-bar .lang-menu a {
    display: block;
    text-align: center;
    font-size: 14px;
    line-height: calc(24rem / 16);
    padding-top: calc(8rem / 16);
    padding-bottom: calc(8rem / 16);
    color: #313033;
}

.site-header-bar .lang-menu a:hover{
    color: #f26521;
}

.lang-active .site-header-bar .lang-menu {
    visibility: visible;
    height: calc(80rem / 16);
    transition-delay: 0s;
}

.site-header-bar .btn-search:hover .icon-search,
.site-header-bar .btn-lang:hover .icon-lang {
    transition: cubic-bezier(0.5, -0.25, 0.25, 1.75) .3s;
    transform: scale(1.2);
}

.btn-more {
    height: calc(50rem / 16);
    border-radius: calc(30rem / 16);
    color: #fff;
    overflow: hidden;
    position: relative;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-left: calc(45rem / 16);
    padding-right: calc(40rem / 16);
    background-color: #08185c;
}

.btn-more::before {
    content: "";
    position: absolute;
    border-radius: calc(30rem / 16);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #f5844d;
    transition: cubic-bezier(0, .7, .3, 1) .3s;
    will-change: transform;
    transform: translateX(-100%);
}

.btn-more:hover::before {
    transform: scale(1.01);
}

.btn-more span {
    position: relative;
    z-index: 280;
}

.btn-more::after {
    content: "";
    z-index: 280;
    background: url("../images/icon_arr_right.svg");
    width: calc(13rem / 16);
    height: calc(13rem / 16);
    margin-left: calc(18rem / 16);
    will-change: transform;
    transition: cubic-bezier(0, .7, .3, 1) .3s;
}

.btn-more:hover::after {
    transform: scale(1.2);
    transform-origin: left center;
    transition: cubic-bezier(.3, -2, .4, 3) .3s;
}

.site-footer {
    background-color: #121833;
    width: 100%;
    bottom: 0;
    left: 0;
    position: relative;
}

.footer-top {
    height: 50px;
    color: #716f76;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    z-index: 260;
    position: relative;
}

.footer-top .left {
    width: calc(100% - (320rem / 16 + 33.333vw - 320px));
    padding-left: calc(5.2083vw - 20px);
    display: flex;
    align-items: center;

    background-color: #fff;
    border-top: 1px solid #dedfe4;
    color: #716f76;
}

.btn-to-top {
    width: 160px;
    padding-left: 18px;
    padding-right: 18px;

    position: relative;
    color: #fff;
    background-color: #0ca1d2;
    cursor: pointer;

    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
}

.btn-to-top .text {
    font-size: 14px;
    font-weight: bold;
    transition: cubic-bezier(0, .7, .3, 1) .3s;
    will-change: transform;
    transform-origin: left;
}

.btn-to-top .icon-to-top {
    width: calc(23rem / 16);
    height: calc(18rem / 16);
    transition: cubic-bezier(0, .7, .3, 1) .3s;
    will-change: transform;
}

/*.btn-to-top:hover .text {
    transform: scale(1.3);
}

.btn-to-top:hover .icon-to-top {
    transform: scale(1.5);
}*/

.btn-to-top::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #f5844d;
    will-change: transform;
    transition: .3s cubic-bezier(0, .7, .3, 1);
    transform: translateY(101%);
}

.btn-to-top:hover::after {
    transform: none;
}

.btn-to-top > * {
    position: relative;
    z-index: 230;
}

.site-footer .footer-bottom {
    color: #fff;
    padding-left: calc(5.2083vw - 20px);
    padding-top: calc(20rem / 16);
    font-weight: lighter;

    padding-right: calc(320rem / 16 + 33.333vw - 320px + 3.125vw);
}

.site-footer .part1 {
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    height: calc(132rem / 16);
}

.site-footer .footer-logo {
    height: calc(50rem / 16);
    width: calc(162rem / 16);
}

.site-footer .footer-logo img {
    display: block;
    width: 100%;
    height: 100%;
}

.site-footer .part2 {
    margin-right: calc(-30rem / 16);
    display: flex;
    flex-wrap: wrap;
    padding-top: calc(32rem / 16);
}

.site-footer .footer-group {
    width: calc(25% - 30rem / 16);
    margin-right: calc(30rem / 16);
    flex: 0 0 auto;
    margin-bottom: calc(45rem / 16);
}

.footer-group .title {
    font-size: 16px;
    color: #f26521;
    margin-bottom: 8px;
    line-height: 2em;
}

.footer-group a {
    position: relative;
    display: block;
    font-size: 14px;
    line-height: 24px;
    transition: cubic-bezier(0, .7, .3, 1) .3s;
    overflow: hidden;
    padding-right: 1em;
}

.footer-group a:hover {
    padding-left: 18px;
    font-weight: normal;
}


.footer-group a::before {
    content: "";
    width: 5px;
    height: 8px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 7px;
    transform: translateX(-18px);
    opacity: 0;
    background: url("../images/icon_angle_right_white.svg") center/contain no-repeat;

    will-change: transform, opacity;
    transition: cubic-bezier(0, .7, .3, 1) .3s;
}

.footer-group a.title::before {
    width: 6px;
    height: 10px;
    background: url("../images/icon_angle_right_orange.svg") center/contain no-repeat;
}

.footer-group a:hover::before {
    transform: none;
    opacity: 1;
}

.qr-group {
    margin-right: calc(-12rem / 16);
    display: flex;
}

.qr-group .qr-ctn {
    width: calc(50% - 12rem / 16);
    margin-right: calc(12rem / 16);
    flex: 0 0 auto;
}

.qr-group .qr-ctn img {
    display: block;
    width: 100%;
    height: auto;
}

.qr-group .qr-text {
    text-align: center;
    margin-top: calc(8rem / 16);
    font-size: 12px;
}

.site-footer .part3 {
    color: rgba(255, 255, 255, .5);
    padding-top: calc(16rem / 16);
    padding-bottom: calc(55rem / 16);

    display: flex;
    justify-content: space-between;
}

.site-footer .part3 * {
    font-family: "Source Han Sans CN", sans-serif;
}

.site-footer .part3 .left>span{
    margin-left: 8px;vertical-align: middle;
}


.site-footer .part3 .left>span img{
    height: 24px;
    width: auto;
}

.site-footer .part3 a:hover {
    color: #f26521;
}

.footer-right {
    position: absolute;
    width: calc(320rem / 16 + 33.333vw - 320px);
    right: 0;
    bottom: 0;
    height: 100%;
    overflow: hidden;
}

.footer-back, .footer-back img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right;
    z-index: 215;
}

.footer-sig {
    position: absolute;
    z-index: 225;
    width: 70%;
    left: 3.125vw;
    bottom: 3.125vw;
}

.footer-world {
    z-index: 220;
    position: absolute;
    right: 0;
    bottom: 0;
    width: calc(100% - 14vw);
    height: auto;
}

.cascade.settled {
    position: relative;
    z-index: 200;
}

.cascade.revealing {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 190;
}

.cascade.hidden {
    position: fixed;
    visibility: hidden;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 180;
}

.page-header {
    position: relative;

    display: flex;
    align-items: stretch;
    background-color: #bbdcff;
}

.page-header img {
    display: block;
    width: calc(100% - 32.131vw - 11.538px);
    flex: 0 0 auto;
    z-index: 200;
    object-fit: cover;
}

.page-header-nav {
    position: relative;
    background: url("../images/header_nav_back.png") right bottom/cover no-repeat;
    width: calc(32.131vw + 11.538px);
    flex: 0 0 auto;
    /*backdrop-filter: blur(8px);*/
    z-index: 210;

    color: #fff;
    /*
    80 at 1920
    30 at 960
    */
    padding: calc(1.042vw + 20px + 80rem / 16) calc(5.208vw - 20px) calc(1.042vw + 20px);
}

.page-header-nav .title {
    color: #f26521;
    font-size: calc(38rem / 16);
    margin-bottom: calc(24rem / 16);
}

.page-header-nav .link-list {
    width: 100%;
}

.page-header-nav .link-list a {
    border-top: 1px solid rgba(255, 255, 255, .2);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: calc(44rem / 16);
    position: relative;
    padding-left: calc(30rem / 16);
    font-size: calc(16rem / 16);
    font-weight: lighter;
}

.page-header-nav .link-list a:last-of-type {
    border-bottom: 1px solid rgba(255, 255, 255, .2);
}

.page-header-nav .link-list a span {
    position: relative;
    z-index: 230;
}

.page-header-nav .link-list a::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(to right, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, 0) 50%);
    opacity: 0;
    z-index: 215;
}

.page-header-nav .link-list a::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: calc(30rem / 16);
    width: calc(13rem / 16);
    height: calc(13rem / 16);
    background: url("../images/icon_arr_right_orange.svg") center/contain no-repeat;
    transform: translateX(-1rem);
    transition: .3s cubic-bezier(0, .7, .3, 1);
    opacity: 0;
}

.page-header-nav .link-list a:hover,
.page-header-nav .link-list a.current {
    color: #f26521;
}

.page-header-nav .link-list a:hover::before,
.page-header-nav .link-list a.current::before {
    opacity: 1;
}

.page-header-nav .link-list a:hover::after,
.page-header-nav .link-list a.current::after {
    opacity: 1;
    transform: none;
}

.layout-split {
    display: flex;
    align-items: stretch;
}

.layout-split .page-left {
    width: calc(32.131vw + 11.538px);
    flex: 0 0 auto;
    padding: 3.125vw calc(5.208vw - 20px) calc(5.208vw - 20px);
    background: url("../images/globe_gray_ed.svg") #f6f6f6 calc(100% + 20rem / 16) calc(100% + 48rem / 16)/calc(620rem / 16) no-repeat;

    margin-top: calc(-60rem / 16);
}

.layout-split .page-right {
    width: calc(100% - (32.131vw + 11.538px));
    flex: 0 0 auto;
}

@supports (position: sticky) {
    .layout-split .page-left {
        position: sticky;

        top: calc(80rem / 16);
        left: 0;
        height: calc(100vh - 80rem / 16);

    }

    .layout-split .page-left.static{
        position: static;
        height: auto;
    }
}

.breadcrumb-bar {
    display: flex;
    justify-content: flex-end;
    align-items: stretch;
    height: calc(60rem / 16);
    border-bottom: 1px solid #dedfe4;
}

.breadcrumb {
    font-size: 12px;
    height: 100%;
    border-left: 1px solid #dedfe4;

    display: flex;
    align-items: center;
    width: calc(320rem / 16 + 16.67vw);
    padding-left: calc(1.042vw + 20px);
}

.layout-split .page-right .breadcrumb {
    width: calc(50% + 1px);
}

.breadcrumb a {
    line-height: calc(24rem / 16);
}

.breadcrumb a.home {
    width: calc(24rem / 16);
    height: calc(24rem / 16);
    background: url("../images/icon_breadcrumb_home.svg") center/calc(12rem / 16) calc(14rem / 16) no-repeat;
    transition: .2s;
}

.breadcrumb a:hover {
    color: #f26521;
}

.breadcrumb a.home:hover {
    transform: scale(1.2);
}

.breadcrumb i {
    margin-left: calc(10rem / 16);
    margin-right: calc(10rem / 16);
    width: 6px;
    height: 9px;
    background: url("../images/icon_angle_right_gray.svg") center/contain no-repeat;
}

.page-title .title-cn {
    font-weight: lighter;
    font-size: calc(48rem / 16);
    color: #313033;
}

.page-title .title-en {
    margin-top: calc(12rem / 16);
    max-width: 100%;
}

.page-title .title-en svg {
    display: block;
    width: 100%;
    height: auto;
}

.layout-split .page-right {

}

.site-menu-ctn-mobile {
    color: #000;
    visibility: hidden;
    transform: translateX(100vw);
    transition: .5s;
    position: fixed;
    top: 60px;
    left: 0;
    width: 100%;
    height: auto;
    max-height: calc(100% - 60px);
    overflow: auto;
    z-index: 900;
    background-color: #fff;
    border-bottom: 1px solid #e1e1e1;
}

.mobile-mask {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .8);
    z-index: 550;
    transition: .3s;
    opacity: 0;
    visibility: hidden;
}

.site-menu-ctn-mobile .link-lv1 {
    background-color: #fff;
    border-bottom: 1px solid #e1e1e1;
}

.site-menu-ctn-mobile .link-lv1 a {
    background-color: #fff;
    display: flex;
    align-items: center;
    position: relative;
    font-size: 24px;
    min-height: 85px;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: 500;
    color: #08185c;
}

.site-menu-ctn-mobile .link-lv1 a::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    width: 6px;
    height: 6px;
    border-top: 1px solid #08185c;
    border-left: 1px solid #08185c;
    transform: translateY(-50%) rotate(-225deg);
}

.site-menu-ctn-mobile .screen-header {
    color: #fff;
    width: 100%;
    min-height: 120px;
    padding: 15px 15px 5px;
    background-color: #08185c;
}

.site-menu-ctn-mobile .screen-title {
    font-size: 32px;
}

.site-menu-ctn-mobile .screen-title a {
    text-decoration: underline;
}

.site-menu-ctn-mobile .btn-back {
    display: block;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 16px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    position: relative;
}

.site-menu-ctn-mobile .btn-back::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 6px;
    height: 6px;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    transform: translateY(-50%) rotate(-45deg);
}

.site-menu-ctn-mobile .screen-links {
    font-size: 16px;
}

.site-menu-ctn-mobile .screen-links .link-lv2 {
    position: relative;
}

.site-menu-ctn-mobile .screen-links a {
    display: block;
    width: 100%;
    padding: 1em 15px;
    border-bottom: 1px solid #e1e1e1;
}

.site-menu-ctn-mobile .screen-links .link-lv2[data-index] a::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(-225deg);
    display: inline-block;
    margin: 2px 3px 0 6px;
    vertical-align: bottom;
    border-top: 2px solid #000;
    border-left: 2px solid #000;
    font-weight: 700;
    right: 19px;
    width: 6px;
    height: 6px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
}

@media (max-width: 960px) {

    :root, html {
        font-size: 12px;
    }

    body {
        font-size: 14px;
    }

    .site-menu-ctn .menu-back {
        display: block;
    }

    .site-header-bar .right{
        justify-content: flex-end;
    }
    .site-header-bar .right-nav{
        display: none;
    }

    .site-header .site-menu-ctn{
        display: none;
    }

    .site-header-bar .lang-menu{
        width: calc(202rem / 16);
    }

    .search-box{
        width: 100%;
    }

    .menu-active .site-menu-ctn-mobile {
        visibility: visible;
        transform: none;
    }

    .menu-active .mobile-mask,
    .search-active .mobile-mask{
        opacity: 1;
        visibility: visible;
    }

    .right-nav-mobile{
        display: block;
    }

    .footer-top {
        height: calc(100vw / 7.5);
    }

    .footer-top .btn-to-top {
        width: calc(100vw / 7.5);
        flex: 0 0 auto;
        justify-content: center;
        padding-left: 0;
        padding-right: 0;
    }

    .btn-to-top .text {
        display: none;
    }

    .btn-to-top .icon-to-top {
        width: calc(18vw / 7.5);
        height: calc(23vw / 7.5);
    }

    .footer-top .left {
        width: calc(100% - 100vw / 7.5);
    }

    .footer-right {
        width: calc(100vw / 7.5);
    }

    .site-footer .footer-bottom {
        padding-right: calc(100vw / 7.5 + 5.2083vw - 20px);
    }

    .footer-sig {
        width: calc(48vw / 7.5);
        height: auto;
        left: auto;
        bottom: auto;
        right: calc(14vw / 7.5);
        top: calc(26vw / 7.5);
    }

    .footer-right {
        height: calc(100% - 100vw / 7.5);
    }

    .footer-back img {
        object-position: top;
    }

    .menu-icon {
        margin-right: 0;
    }

    .menu-text {
        display: none;
    }

    .site-header-bar .menu-box {
        width: 75px;
    }

    .search-btn-mobile {
        display: flex;
    }

    .site-menu-ctn .menu-back {
        right: calc(75px * 1.5 + 320rem / 16);
    }

    .site-menu-ctn .left {
        padding: 30px;
        width: auto;
    }

    .site-menu-ctn .right {
        width: calc(100% - 480px);
        flex: 0 0 auto;
        margin-right: 0;
        margin-left: auto;
        justify-self: flex-end;
    }

    .menu-left-swiper .title1 {
        max-width: 100%;
        height: auto;
    }

    .breadcrumb-bar {
        height: 80px;
    }

    .layout-split {
        position: relative;
        display:  block;
    }

    .breadcrumb-bar {
        justify-items: flex-start;
    }

    .breadcrumb {
        width: 100%;
        border-left: none;
    }

    .layout-split .page-left {
        position: relative;
        top: 0;
        margin-top: 0;
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;

        background-size: 280px auto;
        background-position: calc(100% + 18px) calc(100% + 24px);
        border-bottom: 1px solid #dedfe4;
        padding: 30px;
    }

    .layout-split .page-right {
        width: 100%;
    }
}

@media (max-width: 750px) {

    .site-header-bar .site-logo {
        width: calc(200vw / 7.5);
    }

    .site-menu {
        top: calc(100vw / 7.5);
        height: calc(100% - 100vw / 7.5)
    }

    .site-menu-ctn .left {
        padding: calc(40vw / 7.5);
    }

    .site-header-bar .site-40th {
        width: calc(80vw / 7.5);
    }

    .site-header-bar .site-logo img,
    .site-header-bar .site-40th img {
        /*display: block;*/
        width: 100%;

    }

    .site-header-bar .menu-box {
        width: calc(110vw / 7.5);
    }

    .site-header-bar .search-box {
        display: none;
    }

    .site-header-bar .left {
        padding-left: calc(30vw / 7.5);
    }

    .site-menu-ctn .menu-back {
        top: calc(50vw / 7.5);
        right: calc(255vw / 7.5);
    }
    .menu-left-swiper {
        display: none;
    }

    .site-menu-ctn .left {
        width: 100%;
    }

    .footer-top .left {
        padding-left: calc(40vw / 7.5);
    }

    .site-footer .part3 {
        display: flex;
        flex-direction: column-reverse;
    }

    .site-footer .footer-bottom {
        padding: calc(50vw / 7.5) calc(140vw / 7.5) calc(50vw / 7.5) calc(40vw / 7.5);
    }

    .site-footer .footer-group {
        margin-bottom: 0;
    }

    .footer-group a {
        display: none;
    }

    .footer-group:last-of-type {
        display: none;
    }

    .site-footer .part2 {
        display: block;
        width: 100%;
    }

    .site-footer .footer-group {
        width: 100%;
    }

    .footer-group a.title {
        margin-bottom: 0;
        width: 100%;
        display: flex;
        align-items: center;
        padding-left: calc(40vw / 7.5);
        height: calc(90vw / 7.5);
        font-size: calc(28vw / 7.5);
        border-bottom: 1px solid rgba(255, 255, 255, .1);
        position: relative;
    }

    .footer-group a.title::before {
        display: none;
    }

    .footer-group a.title::after {
        content: "";
        width: calc(20vw / 7.5);
        height: calc(20vw / 7.5);
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        right: calc(36vw / 7.5);
        background: url("../images/icon_arr_right_orange.svg") center/contain no-repeat;
    }

    .site-footer .part2 {
        padding-top: 0;
        margin-bottom: calc(67vw / 7.5);
    }

    .site-footer .part3 .right {
        margin-bottom: .75em;
    }

    .page-header {
        height: calc(400vw / 7.5);
    }

    .page-header-nav {
        display: none;
        /*width: 100%;
        height: calc(100vw / 7.5);
        display: flex;
        align-items: center;
        padding-left: calc(40vw / 7.5);
        padding-top: 0;
        background: url("../images/header_nav_back_mobile.png") right center/cover;*/
    }

    .page-header img{
        width: 100%;
        height: 100%;
    }

    .page-header-nav .title {
        margin-bottom: 0;
        font-size: calc(36vw / 7.5);
    }

    .page-header-nav .link-list {
        display: none;
    }

    .breadcrumb-bar {
        height: calc(80vw / 7.5);
    }

    .layout-split .page-left {
        padding: calc(40vw / 7.5);
    }

    .page-title .title-cn {
        font-size: calc(58vw / 7.5);
    }

    .page-title .title-en {
        max-width: 50%;
    }

    .search-box {
        transition: .3s;
    }

    .search-mobile-ctn {
        background: #fff;
        position: relative;
        z-index: 650;
        width: 100%;
        height: calc(100vw / 7.5);
        transform: translateY(-100%);
        transition: .5s cubic-bezier(0, .7, .3, 1);
    }

    .search-active .search-mobile-ctn {
        transform: none;
    }

    /*.search-active .site-search{
        visibility: ;
    }*/


}


body.wfEditorMode .edit-catalog a.wfEditorMode{
    display: inline-block;
    float: none;
    margin-top: 0;
    vertical-align: middle;
}

.wfEditorMode.edit-catalog{
    display: none;
}
body.wfEditorMode .wfEditorMode.edit-catalog{
    display: block;
}